<template>
  <div class="v-b" />
</template>

<script>
export default {
  props: {
    d: {
      type: Object,
      default: () => { return {} }
    }
  },
  // computed: {
  //   videos () {
  //     return this.d.videos
  //   }
  // },
  watch: {
    d () {
      this.restart()
    }
  },
  created () {
    this.restart()
  },
  destroyed () {
    window.jselectronic.videoControlClose()
  },
  methods: {
    restart () {
      window.jselectronic.videoControl(JSON.stringify(this.d))
    }
  }
}
</script>

<style scoped>
.v-b {
  width: 100%;
  height: 100%;
}
</style>
